<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>contact</title>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div class="wrapper">
    <div class="header"></div>
    <div class="mainPage">
        <div ></div>
        <div class="aboutPage1">
            <h2>您好，欢迎联系北极光</h2>
            <div class="contactMenu">
                <a href="#">
                    <span>
                        <img src="img/linkedin.png" alt="">
                    </span>
                    Linkedin
                </a>
                <a class="cWe" href="javascript:;">
                    <span>
                        <img src="img/C-wechat.png" alt="">
                    </span>
                    微信公众号
                </a>
                <a class="cBp" href="javascript:;">
                    <span>
                        <img src="img/BP.png" alt="">
                    </span>
                    提交BP
                </a>
                <a href="#" class="mail">
                    <span>
                        <img src="img/mail.png" alt="">
                    </span>
                    839722073@qq.com
                </a>
                <div class="bp">
                    <dl>
                        <dt>TMT</dt>
                        <dd>
                            <a href="#">
                                    839722073@qq.com
                            </a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>先进技术</dt>
                        <dd>
                            <a href="#">
                                    839722073@qq.com
                            </a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>健康医疗</dt>
                        <dd>
                            <a href="#">
                                    839722073@qq.com
                            </a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>其他</dt>
                        <dd>
                            <a href="#">
                                    839722073@qq.com
                            </a>
                        </dd>
                    </dl>
                </div>
                <div class="we">
                    <img src="img/qrcode.jpg" alt="">
                </div>
            </div>
        </div>
        <div class="contactList container">
            <h2>我们的办公地点</h2>
            <ul class="clearfix">
                <li>
                    <a href="#">
                        <div class="map">
                            <img src="img/map-bj_zh.jpg" alt="">
                            <div class="build">
                                <img src="img/bj.jpg" alt="">
                                <span>北京</span>
                            </div>
                        </div>
                        <div class="address">
                            <h3>北京市朝阳区建国路79号华贸中心2号写字楼32层</h3>
                            <p>
                                电话：<span>(8610) 57696500</span><br>
                                传真：<span>(8610) 57696185</span>
                            </p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="map">
                            <img src="img/map-sh_zh.jpg" alt="">
                            <div class="build">
                                <img src="img/sh.jpg" alt="">
                                <span>上海</span>
                            </div>
                        </div>
                        <div class="address">
                            <h3>上海市南京西路1539号嘉里中心二期二座1701</h3>
                            <p>
                                电话：<span>(8610) 57696500</span><br>
                                传真：<span>(8610) 57696185</span>
                            </p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="map">
                            <img src="img/map-suzhou_zh.jpg" alt="">
                            <div class="build">
                                <img src="img/suzhou.jpg" alt="">
                                <span>苏州</span>
                            </div>
                        </div>
                        <div class="address">
                            <h3>苏州工业园区苏虹东路183号东沙湖股权投资中心13号楼302室</h3>
                            <p>
                                电话：<span>(8610) 57696500</span><br>
                                传真：<span>(8610) 57696185</span>
                            </p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="push"></div>
</div>
    <div class="footer"> 
    </div>
</body>
<script src="util/jquery1.9.1.min.js"></script>
<script src="js/main.js"></script>
<script>
$(function(){
    // 提取头部
    aClick(4);
    
    var cleart,cleart2;
    $('.cBp').hover(function(){
        clearTimeout(cleart);
        $('.bp').show().removeClass('fadeOutUp').addClass('fadeInDown');
    },function(){
        cleart=setTimeout(
            function(){
                    $(".bp").removeClass("fadeInDown").addClass("fadeOutUp");
                    $(".bp").hide();
            },100)
    })

    $(".bp").hover(
        function(){
            clearTimeout(cleart);
            $('.cBp span').addClass('active')
            $(this).show().addClass("fadeInDown");
        },function(){
            $('.cBp span').removeClass('active')
            $(this).removeClass("fadeInDown").addClass("fadeOutUp");
            $(this).hide();
    })

    $('.cWe').hover(function(){
        clearTimeout(cleart2);
        $('.we').show().removeClass('fadeOutUp').addClass('fadeInDown');
    },function(){
        cleart2=setTimeout(
            function(){
                $(".we").removeClass("fadeInDown").addClass("fadeOutUp");
                $(".we").hide();
            },100)
    })

    $(".we").hover(
        function(){
            clearTimeout(cleart);
            $('.cWe span').addClass('active');
            $(this).show().addClass("fadeInDown");
        },function(){
            $('.cWe span').removeClass('active');
            $(this).removeClass("fadeInDown").addClass("fadeOutUp");
            $(this).hide();
    })
})
</script>
</html>